<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="java.util.Calendar" %><%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2022-12-05
  Time: 20:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/">
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/yemian.js"></script>
    <title>Title</title>
    <style>
        .updateInfo {
            padding: 13px 0 0 2px;
            margin-top: 30px;
        }

        .welcomeinfo {
            font-size: 18px;
            font-weight: bold;
            margin: 0 0 5px;
        }

        li {
            list-style: none;
        }

        .ico_input {
            border: none;
            padding: 0;
            margin: 0;
            width: 16px;
            height: 16px;
        }

        .ico_unreads {
            background: url('image/mail4788ca.png') -32px -32px no-repeat;
            margin: 0 6px 1px 0;
        }

        .mailinfo1 {
            padding: 8px 0 0;
            overflow: hidden;
            zoom: 1;
            line-height: 22px;
            font-size: 14px;
            width: auto;
            border-bottom: 1px solid #fff;
            font-weight: bold;
        }

        .unread_folderlist a {
            float: left;
            height: 24px;
            margin: 0 10px 0 0;
            white-space: nowrap;
        }

        .todayTool {
            float: right;
            margin-right: 10px;
            width: 300px;
        }

        .attbg {
            background: #d6e2f1;
        }

        .msg_info {
            line-height: 20px;
            padding: 0;
        }

        .rounded3 {
            border-radius: 3px;
        }

        .f_size {
            font-size: 14px;
        }

        .addrtitle {
            color: #7B8EAE;
        }


        .list-inline li {
            margin-left: 200px;
        }

        .helloBox {
            margin-bottom: 5px;
        }

        .todayMain {
            width: 880px;
            margin-top: 30px;
            margin-left: 10px;
        }

        .main-top {
            border: 1px solid #a7c5e2;
            background-color: #eff5fb;
            padding: 5px;
            height: 23px;
            border-radius: 3px 3px 0 0;
            display: flex;
        }

        .image-bg {
            width: 880px;
            border-left: 1px solid #a7c5e2;
            border-right: 1px solid #a7c5e2;
            border-bottom: 1px solid #a7c5e2;
        }

        .main-message {
            width: 880px;
            border-left: 1px solid #a7c5e2;
            border-right: 1px solid #a7c5e2;
            border-bottom: 1px solid #a7c5e2;
        }

        .row {
            padding-left: 150px;
            line-height: 35px;
        }

        .row a {
            margin-left: 5px;
        }

        .glyphicon {
            color: rgb(110, 146, 186);
        }

        .main {
            width: 100%;
            position: relative;
            display: flex;
        }

        .birthDayBox {
            width: 298.4px;
            height: 200px;
            border: 1px solid #a7c5e2;
            position: absolute;
            right: 20px;
            bottom: 0;
            border-radius: 3px;
        }

        .main-top-left {
            height: 17px;
            width: 150px;
            border: 1px solid #a7c5e2;

            border-radius: 3px 3px 0 0;
            background-color: white;
            text-align: center;
            font-size: 10px;
        }

        .main-top-right {
            height: 17px;
            width: 150px;
            border: 1px solid #a7c5e2;
            border-radius: 3px 3px 0 0;
            text-align: center;
            font-size: 10px;
        }

        .birthDay-main {
            padding: 0;
            line-height: 16px;
            clear: both;
            height: 143px;
        }

        .birth_list_item {
            margin: 0 10px;
            padding: 10px 0 0;
            zoom: 1;
        }

        .birth_list_item b {
            display: block;
            margin-bottom: 3px;
            margin-left: 50px;
            overflow: hidden;
            height: 17px;
            width: 220px;
        }

        .grn {
            color: #5fa207;
        }

        .bir {
            margin-left: 20px;
        }

        .birthDay-bottom {
            width: 100%;
            height: 30px;
            border-top: 1px solid #a7c5e2;
        }

        .footerBox {
            margin: 20px 0 0 15px;
        }

    </style>
</head>
<body>

    <div class="todayTool" style="display: inline;">
        <div id="weather-box" style="margin:6px 6px 0 0;height:40px;">
            <div class="msg_info attbg rounded3 ">
                <div class="content f_size"
                     style="padding:5px 10px 2px 15px; position:relative; height:88px; z-index:1121; margin-top: 30px;"
                     id="phoneMail_tips">
                    <div style="height:68px; "><b class="b_size"
                                                  style="display:block;height:20px;line-height:20px;">推荐使用QQ邮箱英文帐号</b>
                        <ul class="f_size addrtitle" style="padding:0;list-style:none;margin:2px 0 6px 0;">
                            <li id="errorinfo_pop">QQ邮箱英文帐号，不仅保护QQ号码安全，更适合用于发送正式邮件。<a href="#"
                                                                                      style="text-decoration:underline;"
                                                                                      target="mainFrame">点击前往设置</a>
                            </li>
                        </ul>
                    </div>
                    <img style="position:absolute; left:-10000px; top:-10000px;">
                </div>
            </div>
        </div>
    </div>
    <div class="updateInfo">
        <ul class="leftpanel" style="margin-bottom:0;border:none; min-height:110px;height:auto;">
            <li class="welcomeinfo t_left1">
                <div class="helloBox">
                    <%
                        Calendar c = Calendar.getInstance();
                        int hour = c.get(Calendar.HOUR_OF_DAY);
                        String str = "";
                        if (hour >= 0 && hour <= 11) {
                            str = "上午好";
                        } else if (hour >= 11 && hour <= 13) {
                            str = "中午好";
                        } else if (hour >= 13 && hour < 18) {
                            str = "下午好";
                        } else if (hour >= 18 && hour <= 24) {
                            str = "晚上好";
                        }
                    %>
                    <%=str %>，<a id="today_alias" href="#" class="black"
                                 title="修改我的昵称">${sessionScope.user.username}</a>。
                </div>
                <div class="level level_no"><a href="#" class="bold" style="font-size:15px;"
                                               target="mainFrame">注册英文邮箱帐号</a><span class="f_size addrtitle">
								(如：chen@foxmail.com)</span>
                </div>
            </li>
            <li class="totalmail">
                <div class="sepinfo"><input type="button" class="ico_unreads ico_input"
                                            style="vertical-align:top;margin-top:-1px;">邮件：<b> ${receivingCount} </b>封<a
                        href="#">未读邮件</a>，<b> ${markCount} </b>
                    封<a href="#">星标邮件</a>
                </div>
            </li>
            <li class="mailinfo1 t_left2">
                <div class="bold unread_folderlist" style="padding-left:23px;zoom:1;">
                    <a id="folder_1" total="606" unread="1" name="folder_unread" href="#" class="bold"
                       folderid="1">收件箱( ${receivingCount} )</a>
                    <a id="folder_2" total="606" unread="1" name="folder_unread" href="#" class="bold"
                       folderid="1">星标邮件( ${markCount} )</a>
                </div>

            </li>
        </ul>
    </div>
    <div class="main">
        <div class="todayMain">
            <div class="main-top">
                <a>邮箱推荐</a>
            </div>
            <div class="image-bg">
                <img src="image/img_1.png" width="876px">
            </div>
            <div class="main-message">
                <div class="row">
                    <div class="col-md-6"><span class="glyphicon glyphicon-apple" aria-hidden="true"></span><a href="#">iphone版</a>
                    </div>
                    <div class="col-md-6"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span><a
                            href="#">贺卡</a></div>
                </div>
                <div class="row">
                    <div class="col-md-6"><span class="glyphicon glyphicon-phone" aria-hidden="true"></span><a href="#">ipad版</a>
                    </div>
                    <div class="col-md-6"><span class="glyphicon glyphicon-book" aria-hidden="true"></span><a href="#">记事本-日历</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6"><span class="glyphicon glyphicon-user" aria-hidden="true"></span><a href="#">Android版</a>
                    </div>
                    <div class="col-md-6"><span class="glyphicon glyphicon-inbox" aria-hidden="true"></span><a href="#">文件中转站</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="birthDayBox">
            <div class="main-top">
                <div class="main-top-left"><span>生日提醒</span></div>
                <div class="main-top-right"><span>我的信息</span></div>
            </div>
            <div class="birthDay-main">
                <jsp:useBean id="now" class="java.util.Date"/>
                <div class="birth_list_item"><img
                        src="image/header.png" align="left" width="30px" height="30px"><b
                        class="f_size grn" title="郭子威">郭子威</b> <span class="bir">在今天(<fmt:formatDate value="${now}"
                                                                                                     type="both"
                                                                                                     dateStyle="long"
                                                                                                     pattern="MM月dd日"/>)过生日</span><span
                        id="r_243676410"
                        class="graytext"></span>
                    <input type="hidden" name="linkid" value="qq:243676410|郭子威的生日|12|6|0">
                    <div class="birth_list_item_ope f_size"></div>
                </div>
                <div class="birth_list_item"><img
                        src="image/header2.png" align="left" width="30px" height="30px"><b
                        class="f_size grn" title="付婉婷">付婉婷</b> <span class="bir">在今天(<fmt:formatDate value="${now}"
                                                                                                     type="both"
                                                                                                     dateStyle="long"
                                                                                                     pattern="MM月dd日"/>)过生日</span><span
                        id=""
                        class="graytext"></span>
                    <input type="hidden" name="linkid" value="qq:243676410|郭子威的生日|12|6|0">
                    <div class="birth_list_item_ope f_size"></div>
                </div>
            </div>

            <div class="birthDay-bottom">
                <a href="#" style="margin-left: 85px;font-size: 14px;line-height: 30px">查看所有好友生日</a>
            </div>
        </div>
    </div>

    <footer>
        <div class="footerBox">
            <a href="http://exmail.qq.com?referrer=today_buttom"
               target="_blank" style="white-space:nowrap;">企业邮箱</a>
            |
            <a href="#" style="white-space:nowrap;">体验室</a>
            |
            <a href="#" style="white-space:nowrap;">邮箱助手</a>
            |
            <a href="#" style="white-space:nowrap;">自助查询</a>
            |
            <a href="#" style="white-space:nowrap;">隐私政策</a>
            <div style="margin-top:4px;"><span>标准版</span> - <a href="javascript:;"
                                                               onclick="getTop().location.href='https://wap.mail.qq.com/home/index?sid='+getTop().getXmailSid();"
                                                               target="_top" title="如果你的网络速度太慢，建议使用此版本">基本版</a> | <span
                    style="font-size:11px;">© 1998 - 2022 Tencent Inc. All Rights Reserved</span></div>
        </div>
    </footer>
</body>
</html>
